<link rel="stylesheet" type="text/css" href="css/style.css" />
	

<div id="menu" style="visibility: hidden;">
	<ul>
		<li><a href="#Customer_info">Customer Informations</a></li>
		<li><a href="#Tools_needed">Tools needed</a></li>
		<li><a href="#Steps">Steps</a></li>
		<li><a href="#Instructions">Instructions</a></li>
		<li><a href="#Recommendations">Recommendations</a></li>
		<li><a href="#New_command_order">New command order</a></li>
	</ul>
</div>

<h2 align="center">Activity Details</h2>

<div id="activityDetails">
		<fieldset id="Customer_info">
		     <legend>Customer informations</legend>
			<ul>
				<li><b>Customer name : </b>Maroc Telecom</li> 	
				<li><b>Customer region : </b>Casablanca</li>
				<li><b>Customer location : </b>Maarif</li>
				<li><b>Customer phone :  </b>0639836398735 </li>
				<li><b>Customer zip code : </b>73000</li>
			</ul>
		</fieldset>
	<fieldset id="Tools needed">
		<legend>Tools needed to perform the activity</legend>
		<ul>
			<li><b>Tool E4IP3 : </b>3</li> 	
			<li><b>Tool 48736 : </b>3</li>
		</ul>
	</fieldset>
	<fieldset id="Steps">
	<legend>Steps</legend>
		<ul>
			<li><b>Step1 : </b>What youmust to do in step 1 ...</li> 	
			<li><b>Step1 : </b>What youmust to do in step the second step ...</li>
		</ul>
	</fieldset>
	<fieldset id="Recommendations">
		<legend>Recommendations</legend>
		<ul>
			<li><b>Recommandation 1 : </b>Description of the first recommandation</li> 	
			<li><b>Recommandation 2 : </b>Description of the second recommandation</li>
			<li><b>Recommandation 3 : </b>Description of the third recommandation</li>
		</ul>
	</fieldset>
	<input type="submit" id="order" value="Order new Command" >
</div>
<script>
$("b#details").click(function(){
	  $("#body").load("ActivityDetail.html");
});
$("#order").click(function(){
	  $("#body").load("orderTools.html");
});
$("#menu").css({"visibility": "visible"});
$("#leftMenu").html($("#menu"))
</script>